<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>


	<title>博客专栏</title>

  </head>
  
  <body>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/borsertocss.js"> </script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->		


<jsp:include page="../inc/head_nav.jsp" />  
  
  
<div class="hr tp-div-nexthr" style="margin-top: 0;margin-bottom: 0;padding: 0;"></div>

	<div class="container pb-15">
		<div class="row">
			<div class="span12" style="margin-left:0px">
				<div class="span12">
					<!--内容页面-->

					<div class="label-div b-30 border-all pt-5 t-20"
						style="position: relative; padding-left: 0; margin-bottom: 0px;">

						<div class="news-list">
							<div class="clearfix pt-3">
								<div class="index-news-img spanm3 pull-left pt-5">
									<a href="javascript:;" title="" target="_blank"
										rel="bookmark"> <img class="lazyloadimg" style="width: 220px;height: 142px;display: block;"
										alt="${rand.scolumn.columnName!=null?rand.scolumn.columnName:null }" src="${pageContext.request.contextPath}${rand.scolumn.columnImgUrl}" /></a>
								</div>
								<div class="offset3 intro">
									<h1>
										<span class="pull-right runing"><a href="">随机专栏</a></span> 
										<a title="" target="_blank" style="margin-left:20px" href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${rand.scolumn.columnId}">${rand.scolumn.columnName}</a>
									</h1>
									<p  style="margin-left:70px">${rand.scolumn.columnDesc }</p>
									<div class="clearfix" style="height: 22px;margin-top: 0px;">
										<div class="pull-left myxx">
											<i class="m"><a href="javascript:;" target="_blank">作者：${rand.scolumn.user.userName }</a></i>
											<i class="m"><a href="javascript:;" target="_blank">文章：${rand.articleCount }</a></i>
										</div>
										<div class="pull-right">
											<a class="read-btn ie6png" href="javascript:void(0);"
												title="277次阅读">阅读次数：${rand.articleView }</a>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<!--优秀专栏推荐-->
				<div class="span12" style="position: relative; padding-left: 0;">
					<div class="label-div t-30 border-all">


						<div class="l-15">
							<h3 class="label-title border-b b-15 small clearfix"
								style="padding-bottom: 14px;">
								<a href="/talk.html" title="" class="pull-left r-10">项目展示</a>
								<span class="pull-left"> 
								</span> <a href="javascript:;" title="更多"
									class="more-add ie6png pull-right">&nbsp;</a>
							</h3>
						</div>


						<div class="label-main clearfix" style="padding-left: 16px;">
						<!-- 加入table元素,进行分页 -->
			<table style="padding:0;margin:0;border:0;">
				<c:forEach items="${pScUtil}" varStatus="s" var="col">	
				<c:choose>
						<c:when test="${s.index%3==0 }">
							<tr>
							<div class="clearfix">
						</c:when>
					</c:choose>
						<td>
						<!--项目展示第一个--->
								<div class="video-list b-30 pull-left pr-20"
									style="padding-left: 30px; padding-right: 38px;">

									<div class="clearfix">
										<div class="video-img" style="background-image: url(${pageContext.request.contextPath}${col.scolumn.columnImgUrl});background-size: cover;background-position: center;">
											<a href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${col.scolumn.columnId}" title="标题" target="_blank"
												rel="bookmark"> <img class="lazyloadimg" style="display: block;width: 231px;height: 142px; "
												src="" alt="" />
												<!-- src="${pageContext.request.contextPath}/resource/images/x1.jpg" -->
											</a>
										</div>
									</div>

									<div style="margin-top: 8px;">
										<h1>
											<a href="${pageContext.request.contextPath}/ScolumnSer?tag=detail&&columnid=${col.scolumn.columnId}" title="${col.scolumn.columnName }" rel="bookmark"
												target="_blank">${col.scolumn.columnName }</a>
										</h1>
									</div>

									<p class="fc666 t-5" style="margin-bottom:0px; height:45px;">${col.scolumn.columnDesc}</p>

									<div class="myxm">
										<span><a href="">作者：${col.scolumn.user.userName }</a></span>
										 <span class="two">
										 <a href="">文章：${col.articleCount}</a></span>
									</div>

									<div class="clearfix t-10">
										 <a class="watch-btn ie6png"
											href="javascript:void(0);" title="">浏览次数：${col.articleView}次</a>
									</div>
								</div>
								<!--项目展示第一个结束--->
					</td>
						<c:choose>
						<c:when test="${(s.index+1)%3==0 }">
							</div>
							</tr>
						</c:when>
					</c:choose>
						</c:forEach>
						</table>
						</div>
					</div>
				</div>
			</div>
			<div class="span4" style="margin-left: 40px;">



				<div class="label-div t-20 border-all">
					<div class="l-15">
						<h3 class="label-title border-b b-15 small clearfix"
							style="padding-bottom: 14px;">关注咨询</h3>
					</div>
					<div class="label-main tody-hot l-15">
						<ul>
							<li><a class="icon-css ie6png" href="">没错，就是我们</a></li>
							
						<li><a href="">我压制不住我自己</a></li>
                      <li><a href="">老实人不忽悠</a></li>
                      <li><a href="">范伟打天下</a></li>
                      <li><a href="">谁能阻我</a></li>
                      <li><a href="">打代码</a></li>
                      <li><a href="">你也爱网上冲浪吗</a></li>
						</ul>
					</div>
				</div>



				<div class="label-div t-20 border-all">
					<div class="l-15">
						<h3 class="label-title border-b b-15 small clearfix"
							style="padding-bottom: 14px;">最多分享</h3>
					</div>
					<div class="label-main tody-hot l-15">
						<ul>
							 <li><a href="">感谢大家</a></li>
                      <li><a href="">投我一票</a></li>
                      <li><a href="">一刀999</a></li>
                      <li><a href="">全体成员</a></li>
                      <li><a href="">恭祝大家</a></li>
                      <li><a href="">新年快乐</a></li>
                      <li><a href="">恭喜发财</a></li>
                      <li><a href="">工作顺利</a></li>
						</ul>
					</div>
				</div>



				<div class="label-div t-20 border-all">
					<div class="l-15">
						<h3 class="label-title border-b b-15 small clearfix"
							style="padding-bottom: 14px;">最多评论</h3>
					</div>
					<div class="label-main tody-hot l-15">
						<ul>
							  <li><a href="">中软ETC</a></li>
                      <li><a href="">腾讯QQ</a></li>
                      <li><a href="">用‘薪’制造游戏</a></li>
                      <li><a href="">网易云音乐</a></li>
                      <li><a href="">CSDN</a></li>
						</ul>
					</div>
				</div>


			</div>
		</div>
	</div>

	
<jsp:include page="../inc/footer_nav.jsp" />

<script type="text/javascript">
//回到顶部
backToTop('body');
</script>   
  </body>
</html>
